@extends('layout.home')

@section('title')
    <title>{{$goods->title}}</title>
  <meta name="renderer" content="webkit">
  <link rel="stylesheet" href="/homes/goods/Css/trade.css"/>
  <link rel="stylesheet" href="/homes/goods/Css/new_products.3f578e31.css"/>
  <!--[if lte IE 9]>
  <script src="Scripts/html5shiv.min.js"></script>
  <![endif]-->
  <script src="/homes/goods/Scripts/CJL.0.1.min.js"></script>
  <script src="/homes/goods/Scripts/ImageZoom.js"></script>
  <script src="/homes/goods/Scripts/require-jquery-1.8.3.js"></script>

<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" href="css/smoothproducts.css">
  <style>
  .gbtn{
    cursor:pointer;
    background:#ec1611 none repeat scroll 0 0;
    border:1px solid #ec1611;
    color:#fff;
    font:20px/36px "微软雅黑";
    height:55px;
    text-align:center;
    width:160px;
    padding:12px 30px 12px 30px;
    float:left;
    margin-left:30px;
  }
  </style>
@endsection

@section('content')
    
<!--商品详细S-->
  <article id="detail" class="area clear">
        <div class="deteilpic l">
            <figure>
                <img src="http://p3.vanclimg.com/product/6/3/7/6373516/mid/6373516-1j201509211420030522.jpg" />
                <div id="move"></div>
            </figure>
            <ul>
         @foreach($goods->image as $k=>$v)       
                <li >
                    <a href="javascript:;"><img src="{{$v->src}}" alt="" width='60px' bigimage-data="{{$v->src}}"/></a>
                </li>
        @endforeach
            </ul>
        </div>
        <script type="text/javascript">
        /* wait for images to load */
        $(window).load(function() {
            $('.sp-wrap').smoothproducts();
        });
        </script>
        <div class="detailmeta l">
            <div class="wrap l clear">
                
                <!--商品标题-->
                <h1>{{$goods->title}}</h1>
            </div>
            <div class="l adv js_adv_top" style="display:none;"></div>

            <div class="panelA ">
                <div class="bg_yel clear bg_haitao">
                    <dl class="price">
                        <dd class="colspan">
                            
                            <strong class="red js_price_st">&yen;<i>{{$goods->price}}</i></strong>
                            
                            <i class="icon discount">
                            </i>
                        </dd>
                    </dl>
                        
                        <dl class="time js_time_dl" style="display:none;" data-startTime="2017-03-12 09:00:00" data-endTime="2017-03-17 08:59:00">
                        </dl>

                    <dl class="jifen js_dc_cuxiao" style="display:none">
                        <dt><sub class="sxsq">促销</sub></dt>
                        <dd></dd>
                    </dl>
                    <dl class="y js_discount" style="display:none;">
                        <dt><sub>优惠</sub></dt>
                        <dd class="js_every_youh">
                        </dd>
                    </dl>
                </div>
               
                <dl class="fuwu">
                <input type="hidden" data-delayDeliverType="1" data-deliverLimitHour="24" data-delayDeliverTime="2017-03-14 10:26:14"/>
                        <dt>服务</dt>
                        <dd class="delay_deliver_block">
                            <p><i class="icon zhe800jian">折</i>本商品由买手砍价</p>
                                    <p><i class='icon i24'>24</i>支付成功后，24小时内发货</p>
                            <p class="js_room_service_txt room_hidden"><i class="icon room_service"></i><a href="//help.zhe800.com/detail/3391" target="_blank">长途运输+同城配送+步梯≤7楼免费搬楼（电梯入户免费搬楼）+安装（拆包/拼接等）</a></p>

                        </dd>
                </dl>
    <form method="post" action="/cart/insert" id="detail_form">

                <div class="js_reskubox sku_box">
                    <span class="close"></span>
                    <h3>请选择您要购买的商品信息：</h3>
                    <dl class="size clear">
                        <dt>尺码</dt>
                        <dd>
                            <ul>
                                <li prop="prop_2" pid="2" vid="1103" class="">
                                    <a href="javascript:void(0)" title="L（偏小半码）">L（偏小半码）</a>
                                </li>
                                <li prop="prop_2" pid="2" vid="1105" class="">
                                    <a href="javascript:void(0)" title="XL（偏小半码）">XL（偏小半码）</a>
                                </li>
                                <li prop="prop_2" pid="2" vid="1106" class="">
                                    <a href="javascript:void(0)" title="XXL（偏小半码）">XXL（偏小半码）</a>
                                </li>
                                <li prop="prop_2" pid="2" vid="1107" class="">
                                    <a href="javascript:void(0)" title="XXXL（偏小半码）">XXXL（偏小半码）</a>
                                </li>
                                <li prop="prop_2" pid="2" vid="1121" class="">
                                    <a href="javascript:void(0)" title="4XL（偏小半码）">4XL（偏小半码）</a>
                                </li>
                            </ul>
                        </dd>
                    </dl>

        
                    <p class="red attention"></p>
                    <dl class="numb clear" id='oc-product'>
                        <dt>数量</dt>
                        <dd>
                            <p>
                                <i class="decrease no-drop"></i>
                                <input type="text"  value="1" name="num" style="padding-top:2px" />
                                <i class="increase no-drop"></i>
                            </p>
                            <span class="kucun hidden">
                                <lable style=display:none>库存<i class="js_kucun_i">1202</i>件</lable>
                                  (库存<i>{{$goods->kucun}}</i>件)
                            </span>
                            <span class="red"></span>
                             {{csrf_field()}}
                             <input type="hidden" name="id" value="{{$goods->id}}">    
                        </dd>
                    </dl>
                     <script>
                        $('.increase').click(function(){
                            var v=$('input[name=num]').val();
                            var newV = parseInt(v)+1;
                            $('input[name=num]').val(newV);
                        });

                        $('.decrease').click(function(){
                            var v=$('input[name=num]').val();
                            var newV = parseInt(v)-1;
                            $('input[name=num]').val(newV);
                        });
                    </script>
                    <a href="javascript:;" class="sku_box_btn no">确认</a>
                </div>
            
                <div class="submit">
                    <span class="s2">
                        <input type="button" value="立即购买" class="gbtn direct_buy_is_bind_mobile"/>
                    </span>
                        <span class=" cart">
                            <button class="gbtn" type='submit'> 加入购物车</button>
                        </span>
                </div>
                  {{csrf_field()}}
                  <input type="hidden" name="id" value="{{$goods->id}}">    
                
            </form>
                <div class="panelD">
                    <span class="bt">
                        <a rel="nofollow" target="_blank" href="http://help.zhe800.com/detail/104"><i>8</i> 8天无理由退货</a>
                    </span>
                    
                    <span class="sq">
                        <a rel="nofollow" target="_blank" href="#/n/act/yunfeibutieka?utm_content=p_detail_baozhang"><i></i> 退货补贴优惠券</a>
                    </span>
                        <span class="picc">
                           <i>保</i> 该商品已投保中国人保（PICC)产品责任险
                        </span>
                    <span class="no_coupon js_no_zhe_coupon" style="display:none">
                        <i></i> 本商品不支持使用A类优惠券
                    </span>
                </div>
                <div class="panelD">
                     <div class="fx">
                    <div class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到朋友网" class="bshare-qqxiaoyou"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
                 </div>
                </div>
            </div>
        </div>
    </article>

<hr>

{!!$goods->detail!!}

@endsection